<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--easyui-->
    <script src="/static/ui/easyui/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/ui/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/ui/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
    <!--字体图标-->
    <link rel="stylesheet" type="text/css" href="/static/ui/easyui/themes/icons/css/font-awesome.min.css" />
    <!--皮肤-->
    <link rel="stylesheet" type="text/css" href="/static/ui/easyui/themes/gray/easyui.css" />
    <link rel="stylesheet" type="text/css" href="/static/ui/css/superBlue.css" />
    <script src="/static/ui/js/super.js" type="text/javascript" charset="utf-8"></script>
</head>

<body id="main" class="easyui-layout">
<div data-options="region:'north',title:'1',border:false" class="super-north" style="height: 50px;">
    <!--顶部-->
    <div class="super-navigation">
        <div class="super-navigation-title">SUPER THEME</div>
        <div class="super-navigation-main">
            <div class="super-setting-left">
                <ul>
                    <li><i class="fa fa-commenting-o"></i></li>
                    <li><i class="fa fa-envelope-o"></i></li>
                    <li><i class="fa fa-bell-o"></i></li>
                    <!--<div id="mm2" class="easyui-menu">
                        <div>有情况</div>
                        <div>你瞅啥</div>
                        <div class="menu-sep"></div>
                        <div>瞅你咋滴</div>
                    </div>-->
                </ul>
            </div>
            <div class="super-setting-right">
                <ul>
                    <li class="user">
                        <span class="user-icon"><img src="img/favicon.png"/></span>
                        <span>管理员</span>
                    </li>
                    <li>
                        <div class="super-setting-icon">
                            <i class="fa fa-gears"></i>
                        </div>
                        <div id="mm" class="easyui-menu">
                            <div>个人中心</div>
                            <div id="themeSetting">主题</div>
                            <div class="menu-sep"></div>
                            <div id="logout">退出</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="easyui-layout-west" data-options="region:'west',title:'MAIN NAVIGATION',border:false">
    <!--左侧导航-->
    <div class="easyui-accordion" data-options="border:false,fit:true,selected:true">
        <div title="客户关系管理" data-options="iconCls:'fa fa-navicon'">
            <ul>
                <li data-url='client'>潜在客户管理</li>
                <li data-url="client">正式客户管理</li>
         <%--       <li data-url=''>客户移交记录</li>--%>
                <li data-url='client'>客户资源池管理</li>
            </ul>
        </div>
        <div title="车险投保" data-options="iconCls:'fa fa-desktop'" style="padding-left: 10px;">
            <ul>
                <li data-url='pagination.html'>新增投保</li>
                <li data-url="example/progressBar.html">暂存单</li>
                <li data-url="example/progressBar.html">询价转投单</li>
                <li data-url="example/progressBar.html">已提交未接受</li>
                <li data-url='example/toolTip.html'>见费出单退回</li>
                <li data-url='client'>待修改单</li>
                <li data-url='client'>投保单查询打印</li>
                <li data-url='client'>保单查询</li>
                <li data-url='client'>模板管理</li>
                <li data-url='client'>保单关联</li>
            </ul>
        </div>
        <div title="菜单和按钮" data-options="iconCls:'fa fa-gavel'">
            content3
        </div>
        <div title="表单" data-options="iconCls:'fa fa-wpforms'">
            <ul>
                <li data-url='example/pagination.html'>Pagination（分页）</li>
                <li data-url='example/searchBox.html'>SearchBox（搜索框）</li>
                <li data-url="example/progressBar.html">ProgressBar（进度条)</li>
                <li data-url='example/toolTip.html'>Tooltip（提示框）</li>
            </ul>
        </div>
        <div title="窗口" data-options="iconCls:'fa fa-window-maximize'">
            content3
        </div>
        <div title="表格和树" data-options="iconCls:'fa fa-table'">
            content3
        </div>
        <div title="扩展" data-options="iconCls:'fa fa-sitemap'">
            content3
        </div>
    </div>
</div>
<div data-options="region:'center'" style="padding-top: 2px;">
    <!--主要内容-->
    <div id="tt" class="easyui-tabs" data-options="border:false,fit:true">
        <div title="首页" data-options="iconCls:'fa fa-home'">
            <iframe src="pagination.html" width="100%" height="99%" frameborder="no"></iframe>
        </div>
    </div>
</div>
<div data-options="region:'south'" class="super-south">
    <!--页脚-->
    <div class="super-footer-info">
        <span><i class="fa fa-info-circle"></i> 作者：tianyu&nbsp;&nbsp;QQ：779205344</span>
        <span><i class="fa fa-copyright"></i> CopyRight 2016 版权所有 <i class="fa fa-caret-right"></i></span>
    </div>
</div>

<!--主题设置弹窗-->
<div id="win">
    <div class="themeItem">
        <ul>
            <li>
                <div class="TURQUOISE">TURQUOISE</div>
            </li>
            <li>
                <div class="EMERALD">EMERALD</div>
            </li>
            <li>
                <div class="PETER-RIVER">PETER RIVER</div>
            </li>
            <li>
                <div class="AMETHYST">AMETHYST</div>
            </li>
            <li>
                <div class="WET-ASPHALT">WET ASPHALT</div>
            </li>
            <li>
                <div class="SUN-FLOWER">SUN FLOWER</div>
            </li>
            <li>
                <div class="CARROT">CARROT</div>
            </li>
            <li class="themeActive">
                <div class="ALIZARIN">ALIZARIN</div>
            </li>
        </ul>
    </div>
</div>

</body>

</html>
